{% if pages|length > 0 %}
    <ul class="slides">
        {% for page in pages %}
            <li>
                <div class=gdlr-core-post-slider-slide>
                    <div class="gdlr-core-post-slider-image gdlr-core-media-image">
                        <a href="{{ path('article_content', {id: page.id}) }}">
                            <img src="{{ asset(page.thumbnail) }}" style="width: 1100px; height: 400px" title="{{ page.title }}">
                            <span class=gdlr-core-post-slider-overlay ></span>
                        </a>
                    </div>
                    <div class="gdlr-core-post-slider-caption gdlr-core-center-align">
                        <h3 class="gdlr-core-post-slider-title">
                            <a href="{{ path('article_content', {id: page.id}) }}">{{ page.title }}</a>
                        </h3>
                        <div class=gdlr-core-post-slider-widget-info>
                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-date">
                                <span class=gdlr-core-blog-info-sep>/</span>
                                {{ page.category }}
                            </span>
                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-author">
                                <span class=gdlr-core-blog-info-sep>/</span>
                                {{ page.publish_time }}
                            </span>
                        </div>
                    </div>
                </div>
            </li>
        {% endfor %}
    </ul>
{% endif %}